<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <jsp:include page="../page/public.jsp"></jsp:include>
    <link rel="stylesheet" href="/resource/plugins/validator/jquery.validator.css">
</head>

<body class="sidebar-mini skin-blue-light fixed">
<!-- Site wrapper -->
<div class="wrapper">
    <jsp:include page="../page/header.jsp"></jsp:include>
    <jsp:include page="../page/left-sidebar.jsp"></jsp:include>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h2></h2>
            <ol class="breadcrumb">
                <li >证书中心</li>
                </li>
                <li class="active">证书管理</li>
            </ol><!-- .breadcrumb -->
        </section>

        <!-- Main content -->
        <section class="content">
            <!-- Default box -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <form class="form-horizontal" id="news_search">
                        <div class="row">
                            <div class="col-md-2 col-sm-2 col-xs-12">
                                <input type="text" class="form-control" id="search_number" placeholder="证书号">
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-12">
                                <select class="form-control" id="search_institution" >
                                    <option value="0">全部机构</option>
                                    <option value="1">VDE</option>
                                    <option value="2">TUV莱茵</option>
                                    <option value="3">TUV南德</option>
                                    <option value="4">SAA</option>
                                    <option value="5">DEKRA(KEMA)</option>
                                    <option value="6">UL</option>
                                    <option value="7">BV</option>
                                    <option value="8">ITS(GS证书)</option>
                                    <option value="9">ITS(S&ENEC)</option>
                                    <option value="10">ITS(ETL)</option>
                                    <option value="11">BS</option>
                                    <option value="100">其他机构</option>
                                </select>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-12">
                                <select class="form-control" id="search_status" >
                                    <option value="-1">全部状态</option>
                                    <option value="0">正常</option>
                                    <option value="1">异常</option>
                                </select>

                            </div>
                            <div class="col-md-1 col-sm-1 col-xs-12">
                                <button type="button" class="btn btn-primary" id="btn_search" >
                                    <i class="fa fa-search"></i> 查询</button>
                            </div>

                            <%--<shiro:hasPermission name="AGENCY:ADD">--%>
                            <div class="col-md-1 col-sm-1 col-xs-12">
                                <a class="btn btn-primary"  data-toggle="modal" href="#addDevice" onclick="clearAddModal()">
                                    <i class="fa fa-plus"></i> 新增</a>
                            </div>
                            <%--</shiro:hasPermission>--%>
                        </div>
                    </form>
                </div>
                <div class="box-body">
                    <table id="device_table"></table>
                </div>
            </div>
        </section>
    </div>
    <!-- /.content-wrapper -->
    <jsp:include page="../page/footer.jsp"></jsp:include>
</div>
<!-- ./wrapper -->
<div class="modal fade bs-example-modal-lg" id="addDevice" tabindex="-1" role="dialog"
     aria-labelledby="agencyModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" >
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×</button>
                <h4 class="modal-title" id="deviceModalLabel"></h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal"  role="form" id="device_form" >
                    <input type="hidden" id="id" name="id">
                    <div class="form-group">
                        <label class="control-label col-sm-3"><font color="#c00">*</font>发证机构:</label>
                        <div class="col-sm-6">
                            <select class="form-control" id="institution" name="institution" >
                                <option value="1">VDE</option>
                                <option value="2">TUV莱茵</option>
                                <option value="3">TUV南德</option>
                                <option value="4">SAA</option>
                                <option value="5">DEKRA(KEMA)</option>
                                <option value="6">UL</option>
                                <option value="7">BV</option>
                                <option value="8">ITS(GS证书)</option>
                                <option value="9">ITS(S&ENEC)</option>
                                <option value="10">ITS(ETL)</option>
                                <option value="11">BS</option>
                                <option value="100">其他机构</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-3"><font color="#c00">*</font>证书号:</label>
                        <div class="col-sm-6">
                            <input type="text" id="number" name="number" class="form-control" placeholder="请输入证书号" >
                        </div>
                    </div>
                    <%--<div class="form-group">--%>
                        <%--<label class="control-label col-sm-3">片区编号:</label>--%>
                        <%--<div class="col-sm-6">--%>
                            <%--<input type="text" id="streetCode" name="streetCode" class="form-control" placeholder="请输入片区编号" >--%>
                        <%--</div>--%>
                    <%--</div>--%>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btn-device-save"
                        data-loading-text="提交中...">保存</button>
            </div>
        </div>
    </div>
</div>



<script src="/resource/plugins/validator/jquery.validator.js"></script>
<script src="/static/cert/cert.js"></script>
</body>
</html>